@import "mixins/mixins";
@import "common/var";

@include b(extend-table) {
  // hover编辑时overflow样式去掉，兼容proper
  &-edit-hover {
    &.el-table {
      overflow: unset;
      & .el-table__body-wrapper {
        overflow: unset;
      }
      & .cell {
        overflow: unset;
      }
    }
  }
  // 伪造form表单的验证样式
  & .el-form-item {
    // margin-bottom: 0;
    display: inline;
    // width: 100%;
  }
  // 兼容使用el-tooltip超出不显示
  .el-tooltip {
    .el-form-item {
      white-space: nowrap;
      min-width: 50px;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  // 使用el-scroll代替滚动条
  .el-table__body-wrapper {
    overflow: unset;
  }
  &.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: unset;
  }
  &.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: unset;
  }
  &:not(.el-table--scrollable-y) .el-scrollbar__wrap {
    margin-bottom: 0!important;
  }
  .el-scrollbar__bar {
    z-index: 4;
  }
  // 表格拖拽的样式修改
  .drag-column-hidden {
    display: none;
  }
  .drag-column-hidden + th {
    border-left: 1px solid red;
  }
}
